<button nz-button (click)="printTable()">打印表格DOM树</button>
<div>
  <button nz-button (click)="moveTo(0)">↑</button>
  <button nz-button (click)="moveTo(1)">↓</button>
  <button nz-button (click)="moveTo(2)">←</button>
  <button nz-button (click)="moveTo(3)">→</button>
</div>
<div nz-row>
  <div nz-col nzSpan="24">
    <nz-table #nzTable [nzData]="tableData" nzSize="small"
      nzShowPagination="false" style="width: 100%" nzBordered>
    
      <thead>
      <tr class="colHeaderBackColor">
        <th nzWidth="60px">订单号</th>
        <th nzWidth="90px">品名</th>
        <th nzWidth="80px">规格</th>
      </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of nzTable.data;let index = index">

        <td>{{data.no}}</td>

        <td (click)="clickCell($event,index,1)"
          [ngClass]="{'selected': selected}">
          {{data.name}}
        </td>

        <td>{{data.spe}}</td>
        </tr>
      </tbody>
  </nz-table>
</div>
</div>



<!-- 
<nz-table #nzTable  [nzData]="tableData01" style="border: 1px solid black;">
  <thead>
      <tr style="border: 1px solid black;" *ngFor="let row of nzTable.data">

          <td style="border: 1px solid black;"
              *ngFor="let column of row.g" class="{{ column }}"
              [ngClass]="{'selected': column == val,'toChange': clicked }"
              (click)="clicked = !clicked">
              {{ column.g }}
          </td>
      </tr>
  </thead>
</nz-table> -->
